<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="../../styles.css">
  <script language="javascript" type="text/javascript" src="../../../../lib/p5.js"></script>
  <script language="javascript" type="text/javascript" src="sketch.js"></script>
  <script src="../stats.js"></script>
</head>

<body>
  <div id="gl-info">
    1: A strip with outlined triangles, three outlines quads, a strip with outlined quads<br>
    <em>TESTS: beginShape() with TRIANGLE_STRIP, QUADS, and QUAD_STRIP</em><br><br>
    2: Black Horizontal Line <br>
    <em>TESTS: line()</em><br><br>
    3: 3 stroked purple shapes with hollow centers<br>
    <em> TESTS: tessellation with vertex()</em><br><br>
    4: 4 squares Red, Blue, Grid, Grid<br>
    <em>TESTS: vertex with 2, 3, 4, and 5 arguments</em>
    <br><br>
    FPS should average higher than 50 FPS on modern laptop/desktop
  </div>
</body>

</html>
